import React from 'react'
import { Select, Space } from 'antd';
function Index() {
  const handleChange = (value) => {
  console.log(`selected ${value}`);
};
  return (
    <div className='dark:bg-[pink] w-100 h-100 red:bg-[green] blue:bg-[green]'>
     <Select
      defaultValue="dark"
      style={{ width: 120 }}
      onChange={handleChange}
      options={[
        { value: 'dark', label: '夜间' },
        { value: 'light', label: '白天' },
        { value: 'red', label: '中国红' },
        { value: 'blue', label: '蓝精灵' },
        
      ]}
    />
    </div>
  )
}

export default Index
